.iconItem-1x1 {
  grid-column: span 1;
  grid-row: span 1;
  width: $icon-width * 1;
  height: $icon-height * 1;
}

.iconItem-1x2 {
  grid-column: span 2;
  grid-row: span 1;
  width: calc($icon-width * 2 + $grid-gap-cul) !important;
  height: $icon-height * 1;
}

.iconItem-2x1 {
  grid-column: span 1;
  grid-row: span 2;
  height: calc($icon-width * 2 + $grid-gap-cul) !important;
  width: $icon-height * 1;
}

// 2 x 2
.iconItem-2x2 {
  grid-column: span 2;
  grid-row: span 2;
  width: calc($icon-width * 2 + $grid-gap-cul) !important;
  height: calc($icon-height * 2 + $grid-gap-row) !important;
}

